
.circle{
  width:20px;
  height:20px;
  border-radius: 50%;
  position:relative;
  background: red;

  animation: test linear 3s infinite alternate;
}

@keyframes test {

    0%{
      top:-10px;
      left:30%;
    }

    25%{
      top:10px;
      left:40%;
    }

    50%{
      top:-10px;
      left:50%;
    }

    75%{
      top:10px;
      left:60%;
    }
    100%{
      top:-10px;
      left:70%;
    }
}
